

/*
选择器{
    属性:值;
    属性:值
}
*/

/*
选择器：
1——标签选择器
2——id选择器,#开头，跟随id值
3——类选择器,.开头，HTML页面使用class属性调用
*/


h1{
color: #ee8a8a;
}

p{
    font-size: 38px;
    color: blue;
}

#p1{
    color: #a0f00e;
}

.mys1{
    background-color: cornflowerblue;
}


.mys2{
    border: black solid 1px;
}


.d1{
    width: 100px;
    height: 60px;
    background-color: #a0f00e;
    margin: 10px 20px 30px 40px;
    padding-top: 40px;

    border-top-color: black;
    border-top-style: dotted;
    border-top-width: 5px;

    border: #a0f00e solid 11px;

}

.d2{
    width: 100px;
    height: 100px;
    background-color: #ea27a9;
    margin-top: 20px;
}

.d3{
    width: 100px;
    height: 100px;
    background-color: #9a112c;
}